import 'package:flutter/material.dart';

class StackPositionedView extends StatelessWidget {
  const StackPositionedView({super.key});

  @override
  Widget build(BuildContext context) {
    Size scrSize = MediaQuery.of(context).size;

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('StackPosistionedView'),
        ),
        body: Container(
          height: double.maxFinite,
          width: double.maxFinite,
          color: Colors.white,
          child: Stack(
            alignment: Alignment.center,
            fit: StackFit.expand, //未定位widget占满Stack整个空间
            children: <Widget>[
              ListView(
                padding: EdgeInsets.only(top: 48),
                children: [
                  Divider(),
                  ListTile(
                      title: Text(' 第1个item'),
                      leading: Image.network(
                          'https://wx4.sinaimg.cn/mw690/006xNaGDly1hkq68v8bbjj32lr4moe86.jpg'),
                      trailing: Icon(Icons.chevron_right)),
                  Divider(),
                  ListTile(title: Text(' 第2个item')),
                  Divider(),
                  ListTile(title: Text(' 第3个item')),
                  Divider(),
                  ListTile(title: Text(' 第4个item')),
                  Divider(),
                  ListTile(title: Text(' 第5个item')),
                  Divider(),
                  ListTile(title: Text(' 第6个item')),
                  Divider(),
                  ListTile(title: Text(' 第7个item')),
                  Divider(),
                  ListTile(title: Text(' 第8个item')),
                  Divider(),
                  ListTile(title: Text(' 第9个item')),
                  Divider(),
                  ListTile(title: Text(' 第10个item')),
                  Divider(),
                  ListTile(title: Text(' 第11个item')),
                  Divider(),
                  ListTile(title: Text(' 第12个item')),
                  Divider(),
                  ListTile(title: Text(' 第13个item')),
                  Divider(),
                  ListTile(title: Text(' 第14个item')),
                  Divider(),
                  ListTile(title: Text(' 第15个item')),
                  Divider(),
                  ListTile(title: Text(' 第16个item')),
                  Divider(),
                  ListTile(title: Text(' 第17个item')),
                  Divider(),
                  ListTile(title: Text(' 第18个item')),
                  Divider(),
                  ListTile(title: Text(' 第19个item')),
                  Divider(),
                  ListTile(title: Text(' 第20个item')),
                  Divider(),
                  ListTile(title: Text(' 第21个item')),
                  Divider(),
                  ListTile(title: Text(' 第22个item')),
                  Divider(),
                  ListTile(title: Text(' 第23个item')),
                  Divider(),
                  ListTile(title: Text(' 第24个item')),
                  Divider(),
                  ListTile(title: Text(' 第25个item')),
                  Divider(),
                  ListTile(title: Text(' 第26个item')),
                  Divider(),
                  ListTile(title: Text(' 第27个item')),
                  Divider(),
                  ListTile(title: Text(' 第28个item')),
                  Divider(),
                  ListTile(title: Text(' 第29个item')),
                  Divider(),
                  ListTile(title: Text(' 第30个item')),
                  Divider(),
                  ListTile(title: Text(' 第31个item')),
                  Divider(),
                  ListTile(title: Text(' 第32个item')),
                ],
              ),
              Positioned(
                  left: 0,
                  // bottom: 0,
                  top: 0,
                  // width: size.width, //配置子元素的宽度和高度  没法使用double.infinity
                  // width: double.maxFinite, //配置子元素的宽度和高度  没法使用double.infinity
                  width: scrSize.width, //配置子元素的宽度和高度  没法使用double.infinity
                  height: 48, //配置子元素的宽度和高度
                  child: Container(
                    alignment: Alignment.center,
                    color: Colors.yellow,
                    child: const Text(
                      "二级导航",
                      style: TextStyle(color: Colors.white),
                    ),
                  ))
            ],
          ),
        ),
      ),
    );
  }
}
